/* 广告页面 */

// 标题
.header {
  height: 44px;
  line-height: 44px;
  text-align: center;
}

// 广告图
.ad-container {
  position: relative;
  background-image: url('../img/advertisement-bg.jpg');
  /* 比所有主流手机都要大 */
  background-size: 1280px;
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;

  .btn-jump {
    position: absolute;
    top: 24px;
    right: 14px;
    width: 105px;
    height: 44px;
    line-height: 44px;
    border-radius: 20px;
    background-color: #fff;

    .count-down {
      margin-right: 4px;
    }
  }

  .slogen {
    position: absolute;
    left: 0;
    bottom: 64px;
    width: 100%;
    font-size: 48px;
    color: #fff;
    // 使用动画
    animation-name: fadeUp;
    animation-duration: 1s;
  }

  /* 动画： 从上往下淡入 */
  @keyframes fadeUp {
    from {
      opacity: 0;
      bottom: 128px;
    }

    to {
      opacity: 1;
      bottom: 64px;
    }
  }

}